<div class="form">
    <div class="title">会员登录</div>
    <i-form ref="formValidate" :model="formValidate" :rules="ruleValidate">
        <form-item prop="phone" :error="errors.phone">
            <i-input type="text" clearable v-model="formValidate.phone" @on-change="handlePhone" placeholder="填写手机号">
                <Icon type="md-phone-portrait" slot="prepend"></Icon>
            </i-input>
        </form-item>
        <form-item prop="password" :error="errors.password">
            <i-input type="password" clearable v-model="formValidate.password" placeholder="密码">
                <Icon type="ios-lock-outline" slot="prepend"></Icon>
            </i-input>
        </form-item>
        <form-item prop="captcha" class="captcha" :error="errors.captcha">
            <i-input type="text" v-model="formValidate.captcha" @on-blur="checkCaptcha" placeholder="验证码">
                <Icon type="md-checkmark-circle-outline" slot="prepend"></Icon>
            </i-input>
            <img src="{{captcha_src()}}" ref="captcha" @click="changeCaptcha">
        </form-item>
        <form-item prop="verify" class="captcha" :error="errors.verify">
            <i-input type="text" v-model="formValidate.verify" placeholder="短信验证码">
                <Icon type="ios-apps-outline" slot="prepend"></Icon>
            </i-input>
            <i-button
                    :disabled="verify_disabled"
                    type="primary"
                    class="verify_txt"
                    :loading="verify_loading"
                    @click="sendVerify"
            >@{{ verifyTxt }}</i-button>
        </form-item>
        <form-item>
            <i-button type="primary" long @click="handleSubmit">登 录</i-button>
        </form-item>
    </i-form>
</div>